home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2009 June / PersonalComputerWorld-June2009-CoverdiscCD.iso / Software / Freeware / Firebug 1.3.3 / firebug-1.3.3-fx.xpi / skin / classic / mac / firebug.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2008-07-03  |  9.6 KB  |  379 lines
  1. /* See license.txt for terms of usage */
  2.  
  3. #fbFirebugMenu {
  4.     margin: 0 2px 0 4px;
  5.     padding: 0;
  6.     list-style-image: url(chrome://firebug/skin/mac/firebugMenu.png);
  7. }
  8.  
  9. #fbFirebugMenu > .toolbarbutton-icon {
  10.     padding: 0;
  11. }
  12.  
  13. #fbFirebugMenu:hover {
  14.     list-style-image: url(chrome://firebug/skin/mac/firebugMenuHover.png);
  15. }
  16.  
  17. #fbFirebugMenu:hover:active,
  18. #fbFirebugMenu[open="true"] {
  19.     list-style-image: url(chrome://firebug/skin/mac/firebugMenuOpen.png);
  20. }
  21.  
  22. #fbFirebugMenu > .toolbarbutton-text,
  23. #fbFirebugMenu > .toolbarbutton-menu-dropmarker {
  24.     display: none;
  25. }
  26.  
  27. /************************************************************************************************/
  28.  
  29. #fbCommandToolbar {
  30.     border-top: 1px solid #BBB9BA;
  31.     background: #F6F6F6 url(chrome://firebug/skin/mac/toolbar.gif) repeat-x;
  32. }
  33.  
  34. #fbLargeCommandLine {
  35.     -moz-appearance: none;
  36.     border: none;
  37.     border-top: 1px solid;
  38.     -moz-border-top-colors: #BBB9BA;
  39.     padding: 2px;
  40. }
  41.  
  42. #fbContentSplitter {
  43.     border-top: 1px solid #BBB9BA;
  44.     border-bottom: none;
  45.     background: #f3f3f3 !important;
  46.     min-height: 3px;
  47.     max-height: 3px;
  48. }
  49.  
  50. #fbPanelSplitter {
  51.     background: #f3f3f3 !important;
  52.     border-left: 1px solid #BBB9BA;
  53.     border-right: 1px solid #BBB9BA;
  54.     min-width: 8px;
  55.     max-width: 8px;
  56. }
  57.  
  58. #fbPanelSplitter[orient="vertical"] {
  59.     border: none;
  60.     border-top: 1px solid #BBB9BA;
  61.     min-height: 8px;
  62.     max-height: 8px;
  63.     min-width: 0;
  64.     max-width: none;
  65. }
  66.  
  67. #fbToolbar {
  68.     padding-left: 4px;    
  69.     background: #F6F6F6 url(chrome://firebug/skin/mac/toolbar.gif) repeat-x;
  70.     border-bottom: none;
  71. }
  72.  
  73. #fbSearchBox {
  74.     -moz-appearance: none;
  75.     margin: 0 6px 1px 6px;
  76.     border: none !important;
  77.     padding: 2px 8px 4px 20px;
  78.     background: url(chrome://firebug/skin/mac/searchBox.png) no-repeat;
  79.     font: icon;
  80.     font-size: 11px;
  81. }
  82.  
  83. #fbSearchBox[disabled="true"] {
  84.     opacity: 0.5;
  85. }
  86.  
  87. .toolbarbutton-iconic {
  88.     margin: 0 4px 0 1px !important;
  89.     padding: 0 !important;
  90.     border: none !important;
  91.     background: transparent !important;
  92. }
  93.  
  94. .toolbarbutton-iconic > .toolbarbutton-icon {
  95.     padding: 0;
  96. }
  97.  
  98. .toolbarbutton-iconic > .toolbarbutton-text {
  99.     display: none;
  100. }
  101.  
  102. #fbCloseButton {
  103.     list-style-image: url(chrome://firebug/skin/mac/close.png) !important;
  104. }
  105.  
  106. #fbCloseButton:hover {
  107.     list-style-image: url(chrome://firebug/skin/mac/closeHover.png) !important;
  108. }
  109.  
  110. #fbCloseButton:hover:active {
  111.     list-style-image: url(chrome://firebug/skin/mac/closeActive.png) !important;
  112. }
  113.  
  114. #fbDetachButton {
  115.     list-style-image: url(chrome://firebug/skin/mac/detach.png) !important;
  116. }
  117.  
  118. #fbDetachButton:hover {
  119.     list-style-image: url(chrome://firebug/skin/mac/detachHover.png) !important;
  120. }
  121.  
  122. #fbDetachButton:hover:active {
  123.     list-style-image: url(chrome://firebug/skin/mac/detachActive.png) !important;
  124. }
  125.  
  126. #fbCommandToggleSmall {
  127.     list-style-image: url(chrome://firebug/skin/mac/detach.png) !important;
  128. }
  129.  
  130. #fbCommandToggleSmall:hover {
  131.     list-style-image: url(chrome://firebug/skin/mac/detachHover.png) !important;
  132. }
  133.  
  134. #fbCommandToggleSmall:hover:active {
  135.     list-style-image: url(chrome://firebug/skin/mac/detachActive.png) !important;
  136. }
  137.  
  138. #fbCommandToggleLarge {
  139.     list-style-image: url(chrome://firebug/skin/mac/min.png) !important;
  140. }
  141.  
  142. #fbCommandToggleLarge:hover {
  143.     list-style-image: url(chrome://firebug/skin/mac/minHover.png) !important;
  144. }
  145.  
  146. #fbCommandToggleLarge:hover:active {
  147.     list-style-image: url(chrome://firebug/skin/mac/minActive.png) !important;
  148. }
  149.  
  150. /********************************************************************************************/
  151.  
  152. .panelTabBox {
  153.     background: #e0e0e0 url(chrome://firebug/skin/mac/tabBar.gif) repeat-x;
  154.     border-bottom: 1px solid #BBB9BA;
  155.     padding: 0 2px 0 2px;
  156.     overflow: hidden;
  157. }
  158.  
  159. panelTab {
  160.     margin: 0 1px 0 3px;
  161.     font-size: 11px;
  162.     font-weight: bold;
  163.     color: #565656;
  164. }
  165. panelTab:hover,
  166. panelTab[selected="true"] {
  167.     margin-bottom: 1px;
  168. }
  169.  
  170. panelTab:hover > .panelTab-text,
  171. panelTab[selected="true"] > .panelTab-text {
  172.     padding-bottom: 3px;
  173. }
  174.  
  175. .panelTab-left {
  176.     width: 6px;
  177. }
  178.  
  179. .panelTab-text {
  180.     margin: 0;
  181.     padding: 3px 1px 4px 1px;
  182. }
  183.  
  184. .panelTab-right {
  185.     width: 6px;
  186. }
  187.  
  188. panelTab:hover > .panelTab-left {
  189.     background: url(chrome://firebug/skin/mac/tabLeftHover.png) no-repeat bottom;
  190. }
  191.  
  192. panelTab:hover > .panelTab-text {
  193.     background: url(chrome://firebug/skin/mac/tabMidHover.png) repeat-x bottom;
  194. }
  195.  
  196. panelTab:hover > panelTabMenu {
  197.     background: url(chrome://firebug/skin/mac/tabMidHover.png) repeat-x bottom;
  198. }
  199.  
  200. panelTab:hover > .panelTab-right {
  201.     background: url(chrome://firebug/skin/mac/tabRightHover.png) no-repeat bottom;
  202. }
  203.  
  204. panelTab[selected="true"] > .panelTab-left {
  205.     background: url(chrome://firebug/skin/mac/tabLeft.png) no-repeat bottom;
  206. }
  207.  
  208. panelTab[selected="true"] > .panelTab-text {
  209.     background: url(chrome://firebug/skin/mac/tabMid.png) repeat-x bottom;
  210. }
  211.  
  212. panelTab[selected="true"] > panelTabMenu {
  213.     background: url(chrome://firebug/skin/mac/tabMid.png) repeat-x bottom;
  214. }
  215.  
  216. panelTab[selected="true"] > .panelTab-right {
  217.     background: url(chrome://firebug/skin/mac/tabRight.png) no-repeat bottom;
  218. }
  219.  
  220. /************************************************************************************************/
  221.  
  222. #fbPanelStatus {
  223.     margin: 2px 5px 3px 0;
  224.     padding: 0 5px;
  225.     overflow: hidden;
  226. }
  227.  
  228. .panelStatusSeparator {
  229.     margin: 0;
  230.     color: #999999;
  231. }
  232.  
  233. .panelStatusLabel {
  234.     margin: 0;
  235.     padding: 0 4px;
  236.     cursor: pointer;
  237.     color: #565656;
  238. }
  239.  
  240. .panelStatusLabel:hover {
  241.     color: blue;
  242. }
  243.  
  244. .panelStatusLabel[selected="true"] {
  245.     font-weight: bold;
  246. }
  247.  
  248. .menuHeader {
  249.     margin: 2px 16px;
  250.     color: #565656;
  251. }
  252.  
  253. /************************************************************************************************/
  254.  
  255. .toolbar-text-button,
  256. .toolbar-text-menubutton {
  257.     -moz-appearance: none;    
  258.     margin: 0 1px;
  259.     padding: 1px 0px 1px 7px;
  260.     min-width: 0;
  261.     max-width: 13em;
  262.     font-weight: bold;
  263.     color: #565656;
  264.     border: none !important;
  265. }
  266.  
  267. .toolbar-text-button > .toolbarbutton-text {
  268.     margin-left: 7px;
  269.     padding-right: 7px;
  270. }
  271.  
  272. .toolbar-text-button > .toolbarbutton-icon {
  273.   display: none !important;
  274. }
  275.  
  276. .toolbar-text-button:hover:not([disabled="true"]),
  277. .toolbar-text-menubutton:hover:not([disabled="true"]) {
  278.   background: url("chrome://browser/skin/bookmark-hover-left.png") no-repeat left center;
  279. }
  280.  
  281. .toolbar-text-button:hover:not([disabled="true"]) > .toolbarbutton-text,
  282. .toolbar-text-menubutton:hover:not([disabled="true"]) > .toolbarbutton-menu-dropmarker {
  283.   background: url("chrome://browser/skin/bookmark-hover-right.png") no-repeat right center;
  284.   color: #fff;
  285. }
  286.  
  287. .toolbar-text-menubutton:hover:not([disabled="true"]) > .toolbarbutton-text {
  288.   background: url("chrome://browser/skin/bookmark-hover-mid.png") repeat-x;
  289.   color: #fff;
  290. }
  291.  
  292. .toolbar-text-button:hover:active:not([disabled="true"]),
  293. .toolbar-text-button[checked="true"]:not([disabled="true"]),
  294. .toolbar-text-menubutton:hover:active:not([disabled="true"]),
  295. .toolbar-text-menubutton[open="true"]:not([disabled="true"]) {
  296.   background: url("chrome://browser/skin/bookmark-open-left.png") no-repeat left center;
  297. }
  298.  
  299. .toolbar-text-menubutton:hover:active:not([disabled="true"]) > .toolbarbutton-text,
  300. .toolbar-text-menubutton[open="true"]:not([disabled="true"]) > .toolbarbutton-text {
  301.   background: url("chrome://browser/skin/bookmark-open-mid.png") repeat-x !important;
  302.   color: #fff;
  303. }
  304.  
  305. .toolbar-text-button:hover:active:not([disabled="true"]) > .toolbarbutton-text,
  306. .toolbar-text-button[checked="true"]:not([disabled="true"]) > .toolbarbutton-text,
  307. .toolbar-text-menubutton:hover:active:not([disabled="true"]) > .toolbarbutton-menu-dropmarker,
  308. .toolbar-text-menubutton[open="true"]:not([disabled="true"]) > .toolbarbutton-menu-dropmarker {
  309.   background: url("chrome://browser/skin/bookmark-open-right.png") no-repeat right center;
  310. }
  311.  
  312. .toolbar-text-button[checked="true"] {
  313.     background-color: transparent;
  314. }
  315.  
  316. .toolbar-text-button[checked="true"] > .toolbarbutton-text {
  317.     color: #FFFFFF;
  318. }
  319.  
  320. .toolbar-text-button .toolbarbutton-text,
  321. .toolbar-text-menubutton .toolbarbutton-text {
  322.   font-size: 100% !important; 
  323.   margin: 0px !important;
  324. }
  325.  
  326. .toolbar-text-button > .toolbarbutton-text,
  327. .toolbar-text-menubutton > .toolbarbutton-text {
  328.   display: -moz-box !important;
  329.   height: 16px !important;
  330.   padding-top: 1px;
  331. }
  332.  
  333. .toolbar-text-button > .toolbarbutton-menu-dropmarker,
  334. .toolbar-text-menubutton > .toolbarbutton-menu-dropmarker {
  335.     list-style-image: url("chrome://browser/skin/bookmarks/folderarrow.png");
  336.     width:  16px !important;
  337.     height: 16px !important;
  338.     padding: 5px 5px 4px 3px;
  339. }
  340.  
  341. .toolbar-text-menubutton:hover:not([disabled="true"]) > .toolbarbutton-menu-dropmarker,
  342. .toolbar-text-menubutton[open="true"]:not([disabled="true"]) > .toolbarbutton-menu-dropmarker  {
  343.     list-style-image: url("chrome://browser/skin/bookmarks/folderarrow-hover.png");
  344. }
  345.  
  346. .toolbar-text-button[disabled="true"] > .toolbarbutton-menu-dropmarker,
  347. .toolbar-text-menubutton[disabled="true"] > .toolbarbutton-menu-dropmarker {
  348.     list-style-image: none;
  349. }
  350.  
  351. /********************************************************************************************/
  352.  
  353. .toolbar-text-menulist {
  354.     margin-top: 0;
  355.     margin-bottom: 0;
  356.     -moz-appearance: none;
  357.     color: #565656;
  358. }
  359.  
  360. .toolbar-text-menulist > .menulist-label-box {
  361.     -moz-appearance: none;
  362.     border: none;
  363.     padding-left: 8px;
  364.     background: url(chrome://firebug/skin/menulistLeft.png) no-repeat left center;
  365. }
  366.  
  367. .toolbar-text-menulist > .menulist-dropmarker {
  368.     -moz-appearance: none;
  369.     width: 20px;
  370.     background: url(chrome://firebug/skin/menulistRight.png) no-repeat left center;
  371. }
  372.  
  373. .toolbar-text-menulist > .menulist-dropmarker > .dropmarker-icon {
  374. }
  375.  
  376. .toolbar-label {
  377.     color: #565656;
  378. }
  379.